<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!-- 驱动配置基本配置区域 -->
<div id="driverEditConfigPropertyContainer" class="row container"></div>

<div class="panel-group">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<u data-toggle="collapse" class="fastsyncer_pointer" href="#advancedConfig">点击展开高级配置</u>
			</h4>
		</div>
		<div id="advancedConfig" class="panel-collapse collapse">
			<div class="panel-body">
				<!-- 过滤条件 -->
				<form class="form-horizontal" role="form">
					<br />
					<div class="row">
						<div class="col-md-4">
							<div class="form-group">
								<label class="col-sm-3 control-label">组合</label>
								<div class="col-sm-9">
									<select id="conditionCombination" class="form-control">
										<option value="and" >and</option>
										<option value="or" >or</option>
									</select>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<label class="col-sm-3 control-label">属性</label>
								<div class="col-sm-9">
									<select id="conditionSourceField" class="form-control"></select>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<label class="col-sm-3 control-label">条件</label>
								<div class="col-sm-9">
									<select id="conditionOperator" class="form-control">
										<option value="equal">=</option>
										<option value="notEqual">!=</option>
										<option value="gt">&gt;</option>
										<option value="lt">&lt;</option>
										<option value="gtAndEqual">&gt;=</option>
										<option value="ltAndEqual">&lt;=</option>
									</select>
								</div>
							</div>
						</div>
					</div>
					
					<div class="row">
						<div class="col-md-4">
							<div class="form-group">
								<label class="col-sm-3 control-label">参数*</label>
								<div class="col-sm-9"><textarea id="conditionArg" class="form-control" rows="2" placeholder="请输入参数"></textarea></div>
							</div>
						</div>
						<div class="col-md-6"></div>
						<div class="col-md-2 text-right outer">
							<button id="conditionAdd" type="button" class="btn btn-primary"><span class="fa fa-plus"></span>添加</button>
						</div>
					</div>
					
					<!-- 已有条件 -->
					<table class="table table-hover container">
						<caption>
							<label class="control-label">&nbsp;&nbsp;过滤条件预览:&nbsp;</label>
							<code id="conditionPreview"></code>
						</caption>
						<thead>
							<tr>
								<th style="width:20%">组合</th>
								<th style="width:20%">属性</th>
								<th style="width:20%">条件</th>
								<th style="width:20%">参数</th>
								<th style="width:20%">操作</th>
							</tr>
						</thead>
						<tbody id="conditionList"></tbody>
					</table>
				</form>
				<!-- 过滤条件结束 -->
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
$.getScript($basePath+'/style/js/driver/driverEditMigration.js');
$.getScript($basePath+'/style/js/driver/driverEditMigrationCondition.js');
</script>